<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
<title>p pre</title>
<style>
    html, body {
        margin: 0;
        padding: 0;
    }
</style>
</head>
<body>


<p id="t">
    Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.
</p>

<pre id="t2">
    Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.
</pre>


<script src="/kissy/build/seed-debug.js"></script>
<script>
    KISSY.use('node',function (S,$) {
        var offset = $("#t").offset();
        $("#t").hide();
        var offset2 = $("#t2").offset();
        alert("p left: " + offset.left + "\n" + "p top : " + offset.top+"\n"+
                "pre left: " + offset2.left + "\n" + "pre top : " + offset2.top);
    });
</script>
</body>
</html>